.close_box { transform: translateX(9.3125rem); }
.open { transition: all 0.5s; cursor: pointer; position: fixed; z-index: 99999; right: -2.5rem; bottom: calc(10% + 5.9375rem); color: #ffffff; width: 2.5rem; height: 2.5rem; border-radius: 0.3125rem; display: flex; justify-content: center; align-items: center; }
.open_box { transform: translateX(-2.5rem);}

.floating_ck { position: fixed; right: 2.5rem; bottom: 10%; z-index: 99; border-radius: 0.3125rem; transition: all 0.5s; }
.floating_ck dl dd { cursor: pointer; margin: 0.3125rem; border-radius: 0.3125rem; width: 2.5rem; height: 2.5rem; transition: all 0.3s; position: relative; display: flex; justify-content: center; align-items: center; background-color: var(--base_color);}
.floating_ck dl dd i { color: #ffffff; }
.floating_ck dl dd:hover .floating_left { display: flex; justify-content: center; align-items: center; }

.floating_left { display: none; position: absolute; left: -18.875rem; width: 18.25rem; top: 0px; min-height: 2.5rem; border-radius: 0.3125rem; }
.floating_left p { line-height: 2; text-align: center; color: #ffffff; font-size: 0.875rem; }